﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" ResponseEncoding="utf-8" ContentType="text/html" %>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>KFC Store</title>
<link href="css/custom-theme/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css">
<link href="css/HTML5_thrColFixHdr.css" rel="stylesheet" type="text/css">
<link href="css/Thanh_CSS.css" rel="stylesheet" type="text/css">
<link href="css/MenuSlide.css" rel="stylesheet" type="text/css">

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
<script src="js/Thanh_JS.js" type="text/javascript"></script>
<script type="text/javascript">
    refresh_bill();
</script>

</head>
  
<body>
    
    <form id="form1" runat="server">
    <!-- Dialog -->
    
    <div id="dialogCheckout" title="Check out">
		<div id="checkoutDiv" runat="server"></div>
	</div>
    
    <!-- Begin page -->
    <div class="container">
        <header>
            <img src="images/header.png" id="Insert_logo" style="display:block;" width="100%"/>
        </header>
        
        <div class="sidebar1">
        	<nav>
            <aside>
                <div class="category">
                	<ul >
                        <asp:DataList ID="DataList2" runat="server">
                        <ItemTemplate>
                            <div class="category_item">
                                <li>
                                <a href="Default.aspx?CategoryID=<%# Eval("CategoryID") %>">
                                    <asp:Label ID="CategoryName" runat="server" Text='<%# Eval("CategoryName") %>'></asp:Label>
                                </a>
                                </li>
                            </div>
                        </ItemTemplate>
                        </asp:DataList>
                    </ul>
                </div>
            </aside>
        	</nav>
        <!-- end .sidebar1 -->
        </div>
        
        <div class="clearfloat"></div>
        
        <article class="content">
            <section>
               <div style="width:100%">
                   <asp:DataList ID="DataList1" runat="server" style="margin-right: 0px" 
                       RepeatColumns="3" CellPadding="10" EnableTheming="True" 
                       RepeatDirection="Horizontal">
                       <ItemTemplate>
                       <div class="product">
                           <table style="width:100%;">
                               <tr>
                               		<td colspan="2" align="center"><div class="imgFood" draggable="true"><asp:Image ID="FoodImage" runat="server" ImageUrl='<%# Eval("Image") %>' AlternateText="Image not available."></asp:Image></div></td>
                               </tr>
                               <tr>
                                   <td>
                                       <asp:Label ID="FoodName" runat="server" Text='<%# Eval("FoodName") %>'></asp:Label>
                                   </td>
                                   <td>
                                        <asp:Label ID="FoodPrice" runat="server" Text='<%# formatPrice(Eval("Price").ToString()) %>'></asp:Label>
                                   </td>
                               </tr>
                               <tr>
                                    <td>
                                        <asp:Label ID="FoodDescription" runat="server" CssClass="foodDes" Text='<%# Eval("Description") %>'></asp:Label>
                                    </td>
                                    <td>
                                        <div id="buyDiv" class="butBuy" style="color:white;" onclick="buy_click(<%# Eval("FoodID") %>,'<%# Eval("Image") %>');">
                                            
                                        </div>
                                    </td>
                               </tr>
                           </table>
                       </div>
                       </ItemTemplate>
                   </asp:DataList>
            	</div>
        	</section>
        <!-- end .content -->
        </article>
        
        <aside>
                <div id="bill">
            	<table width="100%">
                	<tr>
                    	<td colspan="2" align="center">
                        	<img id="bucket" src="images/KFCEMPTY.png" width="160px">
                        </td>
                    </tr>
                    <tr>
                    	<td colspan="2">
	                       <div id="billDiv" runat="server" style="color:Black;"></div>
                        </td>
                    </tr>
                </table>
                </div>
        </aside>        
        
        <footer>
        	<p>Coppy right: Aptech - Thanh, Vu, Chau</p>
        </footer>
        <!-- end .container -->
    </div>
    </form>
    </body>
</html>